import Vue from 'vue'

import 'normalize.css/normalize.css' // A modern alternative to CSS resets

// 下载的包   全局引入
import ElementUI from 'element-ui'
// 引入他的样式
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/en' // lang i18n

// 这里引入的index 样式   里面包含了其他的css关联样式
import '@/styles/index.scss' // global css

import App from './App'
import store from './store'
import router from './router'

import '@/icons' // icon
// 路由权限的设置
import '@/permission' // permission control

// set ElementUI lang to EN
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明
// Vue.use(ElementUI)
// 封装全局自定义指令
Vue.directive('fiximg', {
  // 这里的钩子是不可以改变的   这个钩子只在组件插入页面触发 组件创建和销毁
  inserted(el, bindeing) {
    // console.log(el)
    if (!el.src) {
      el.src = 'https://img2.baidu.com/it/u=1597718404,3280911050&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'
      // el.src = bindeing.value
    } else {
      // onerror 图片读取失败时触发的函数
      el.onerror = function() {
        // require('本地图片地址')  不可以直接读取本地文件
        el.src = 'https://img2.baidu.com/it/u=1597718404,3280911050&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'
      }
    }
  },
  // 数据更新的时候会触发这个 函数
  update(el) {
    el.src = 'https://img2.baidu.com/it/u=1597718404,3280911050&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500'
  }
})
Vue.config.productionTip = false

// // 全局组件注册方式  先写好一个组件页面 然后注册到全局
// import PagTools from '@/components/PagTools'
// Vue.component('PagTools', PagTools)
// 引入一个全局的组件库
import myPlugin from '@/components/index'
Vue.use(myPlugin)
new Vue({
  el: '#app',
  // 路由
  router,
  // vuex
  store,
  render: h => h(App)
})
